/*
  学习目标：使用react创建虚拟dom，并且渲染到页面中
  步骤：
- 导入react和react-dom     
- 创建react元素(虚拟DOM) -保存关键信息的JS对象
- 渲染react元素到页面中
*/
// 引进 React 包，一般用大写，React 负责创建虚拟DOM
import React from "react";
// ReactDOM建议不要自动补全，我们需要的是在 react-dom 引进，ReactDOM 负责渲染 react 元素
import ReactDOM from "react-dom";

// 创建元素语法： React.createElement(标签,{标签属性:值,标签属性n:值},标签的内容)
const hello = React.createElement("h1", { id: "box" }, "你好 react!");

// 渲染到页面中语法： ReactDOM.render(react元素，真实的DOM做挂载点)
ReactDOM.render(hello, document.getElementById("root"));
